<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../js/pageSwitch/pageSwitch.min.css">
</head>
<body>
    <header class="clearfix">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </div>
            <div class="nav-select fl">
                <div class="select-input ">首页</div>
                <span class="line hide"></span>
                <ul class="hide">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li ><a href="college.html">网院</a></li>
                    <li><a href="find-course.html">找课程</a></li>
                    <li><a href="inquiry.html">专家问诊</a></li>
                    <li><a href="free-course.html">免费课程</a></li>
                    <li><a href="goods-list.html">师生商城</a></li>
                    <li ><a href="bbs.html">找论坛</a></li>
                    <li ><a href="find-teacher.html">找老师</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="search fl">
                    <div class="dropdown fl">
                        <select name="" id="">
                            <option value="">课程</option>
                            <option value="">老师</option>
                        </select>
                    </div>
                    <div class="search-box fl">
                        <input type="text">
                        <i class="iconfont">&#xe641;</i>
                    </div>
                </div>
                <div class="fl header-nav">
                    <ul>
                        <li><a href="#">我的主页</a></li>
                        <li><a href="#">管理中心</a></li>
                        <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="banner" id="banner">
           <div class="sections">
               <div class="section " id="section0"><img src="../images/banner10.jpg"></div>
               <div class="section section1" id="section1"><img src="../images/banner11.jpg"></div>
               <div class="section section2" id="section2"><img src="../images/banner10.jpg"></div>
           </div>
    </div>
    <div class="block gradual-bg">
        <div class="container">
            <div class="grade-list">
                <ul>
                    <li class="active">
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                    <li>
                        <p>一年级</p>
                        <p>GRADE ONE</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main clearfix no-shadow">
        <div class="container clearfix">

            <div class="block">
                <div class="container-name">
                    <p class="chinese">各门课程</p>
                    <p class="english">FIND EXCELLENT COURSES</p>
                    <p class="footline2"><img src="../images/footer_end.png" alt="" /></p>
                </div>

                <div class="arrow">
                    <span class="left-arr iconfont icon-prev-arrow"></span>
                    <span class="right-arr iconfont icon-next-arrow"></span>
                </div>
                <div class="course-list">
                    <ul class="clearfix">
                        <li >
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p class="label-tip">
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>
                        <li >
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>
                        <li class="no-mar">
                            <div class="top">
                                <a href="##">
                                    <img src="../images/img2.png"  />
                                    <div class="course-name">
                                        <p class="name">初三中考押题班</p>
                                        <p>
                                            <span>初各科专家名师      </span>
                                            <span>精彩解析中考题型</span>
                                        </p>
                                    </div>
                                    <p class="money">$60</p>
                                </a>
                            </div>
                            <div class="bottom">
                                <p>
                                    <span><img src="../images/rili.jpg" alt="" /></span>
                                    <span>2018年</span>
                                    <span>冲刺班</span>
                                </p>
                                <h5>
                                    <a href="##">2018暑假升初三数学课程</a>
                                    <a href="##">易托管 </a>
                                </h5>
                                <p class="teacher-mess">
                                    <img src="../images/img3.jpg" alt="" />
                                    <span>主讲老师：张老师</span>
                                </p>
                            </div>
                            <div class="buy-btn btn">
                                <a href="##" class="button ">购买课程</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 推荐教师 -->
            <div class="block">
                <div class="container-name">
                    <p class="chinese">名师推荐</p>
                    <p class="english">TOP TEACHER RECOMENDATION</p>
                    <p class="footline2"><img src="../images/footer_end.png"  /></p>
                </div>
                 <a href="##" class="check-more">查看全部</a>
                 <div class="recomand-list">
                     <ul class="clearfix">
                         <li class="check-type">
                            <div class="tab">
                                <span class="active">按评分 /</span>
                                <span> 按学生 </span>
                            </div>
                             <a href="##" class="clearfix">
                                 <span class="fl">
                                     王楚媛（学生43）
                                 </span>
                                 <span class="fr">
                                     100分
                                 </span>
                             </a>
                             <a href="##" class="clearfix">
                                 <span class="fl">
                                     王楚媛（学生43）
                                 </span>
                                 <span class="fr">
                                     100分
                                 </span>
                             </a>
                             <a href="##" class="clearfix">
                                 <span class="fl">
                                     王楚媛（学生43）
                                 </span>
                                 <span class="fr">
                                     100分
                                 </span>
                             </a>
                             <a href="##" class="clearfix">
                                 <span class="fl">
                                     王楚媛（学生43）
                                 </span>
                                 <span class="fr">
                                     100分
                                 </span>
                             </a>
                             <a href="##" class="clearfix">
                                 <span class="fl">
                                     王楚媛（学生43）
                                 </span>
                                 <span class="fr">
                                     100分
                                 </span>
                             </a>
                             <a href="##" class="clearfix">
                                 <span class="fl">
                                     王楚媛（学生43）
                                 </span>
                                 <span class="fr">
                                     100分
                                 </span>
                             </a>
                         </li>
                         <li class="recomand-li bg-li">
                             <div class="teacher-img">
                                 <img src="../images/img3.png" />
                             </div>
                             <div class="others">
                                 <p class="name">吴燕</p>
                                 <p>小学教师</p>
                             </div>
                             <p class="tea-title">个人简介</p>
                         </li>
                         <li class="recomand-li ">
                             <div class="teacher-img">
                                 <img src="../images/img3.png" />
                             </div>
                            <p class="recomand-text">
                                中学高级教师、省级初中数学优秀教师、省基础教育科研之星、地级市明星教师、市首届名师，一师一优课课例获教育部优课、微课获全国周报杯初中数学微课大赛一等奖、微课获首届长江杯微课大赛一等奖，在国家级、省级学术刊物发表数学论文二十多篇（维普网可查）。
                            </p>
                             <p class="tea-title">个人简介</p>
                         </li>

                         <li class="recomand-li bg-li no-marr">
                             <div class="teacher-img">
                                 <img src="../images/img3.png" />
                             </div>
                             <div class="others">
                                 <p class="name">吴燕</p>
                                 <p>小学教师</p>
                             </div>
                             <p class="tea-title">个人简介</p>
                         </li>
                     </ul>
                 </div>
            </div>
            <!-- 明星机构 -->
            <div class="block">
                <div class="container-name">
                    <p class="chinese">明星机构</p>
                    <p class="english">STAR  INSTITUTION</p>
                    <p class="footline2"><img src="../images/footer_end.png" alt="" /></p>
                </div>
                 <a href="##" class="check-more">查看全部</a>
                 <div class="organization-list">
                     <a href="##"><img src="../images/img_r1_c1.jpg" alt="" /></a>
                     <a href="##"><img src="../images/img_r1_c6.jpg" alt="" /></a>
                     <a href="##"><img src="../images/img_r1_c8.jpg" alt="" /></a>
                     <a href="##"><img src="../images/img_r1_c10.jpg" alt="" /></a>
                     <a href="##"><img src="../images/img_r1_c13.jpg" alt="" /></a>
                 </div>
            </div>
            <!-- 网院咨讯 -->
            <div class="block">
                <div class="container-name">
                    <p class="chinese">网院咨讯</p>
                    <p class="english">ONLINE  SCHOOL  INFORMATION</p>
                    <p class="footline2"><img src="../images/footer_end.png" alt="" /></p>
                </div>
                 <a href="##" class="check-more">查看全部</a>
                 <div class="online-list">
                     <ul class="clearfix">
                         <li class="clearfix">
                             <img src="../images/img3.jpg" class="fl" />
                             <div class="fl">
                                 <p class="chinese">教育资讯</p>
                                 <p class="english">EDUCATION INFORMATION</p>
                                 <p class="text">
                                     零零后的孩子，该如何教育？<br />
                                干货分享 : 2018中考满分作文的18个秘诀<br />
2018年中考英语作文万能句型之结尾句型...<br />
当中考临近，中考生该做些什么来提高成绩？
                                 </p>
                             </div>
                         </li>
                         <li class="clearfix no-mar">
                             <img src="../images/img3.jpg" class="fl" />
                             <div class="fl">
                                 <p class="chinese">教育资讯</p>
                                 <p class="english">EDUCATION INFORMATION</p>
                                 <p class="text">
                                     零零后的孩子，该如何教育？<br />
                                干货分享 : 2018中考满分作文的18个秘诀<br />
2018年中考英语作文万能句型之结尾句型...<br />
当中考临近，中考生该做些什么来提高成绩？
                                 </p>
                             </div>
                         </li>
                     </ul>
                 </div>
            </div>

        </div>
    </div>
    <div class="block">
        <div class="foot-banner">
            <img src="../images/a.png" alt="" />
        </div>
    </div>
    <div class="introduce">
        <div class="container">
            <div class="top clearfix">
                <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>客户端下载</p>
                </div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
                <div class="fl contact">
                    <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                    <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                    <p><i class="iconfont">&#xe639;</i>support@company.com</p>
                </div>
            </div>
            <div class="contact-ul clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
            </div>
            <div class="footline">
                <img src="../images/footer_end.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <p>广州市家合教育科技有限公司</p>
        <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
    </footer>
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script type="text/javascript" src="../js/pageSwitch/pageSwitch.min.js"></script>
<script type="text/javascript">
    $('.grade-list').on('click','li',function(){
        var $this = $(this);
        $this.addClass('active').siblings().removeClass('active')
    });
    /*轮播图*/
    $("#banner").PageSwitch({
        direction:'horizontal',
        easing:'ease-in',
        duration:1000,
        autoPlay:true,
        loop:'false'
    });
    /*点击选择评分/学生*/
    $('.check-type').on('click','span',function(){
        var $this = $(this);
        $this.addClass('active').siblings().removeClass('active')
    })
</script>